body, html {
	height: 100%;
	min-height: 100%;
}
h1, h2, h3, h4, h5, h6, h7, body {
	font-family: Segoe UI, Helvetica Neue, Arial, sans-serif;

}

body {
	overflow: hidden;
}

h2 {
	font-size: 22px;
	font-weight: 300;
	padding: 12px 0 12px 5px;
	margin: 0;
}
.top-bar {
	color: #fff;
}
.top-bar-section ul {
	background: #3f3f3f;
}
.top-bar .name {
	min-width: 200px;
}

.top-bar .name h1 a{
	font-weight: 100;
}

.top-bar .name h1 a span {
	font-weight: 600;
}

.top-bar .name h1 a i {
	display: inline-block;
	width: 16px;
	height: 16px;
}
.top-bar .console-toggle .console-label {
	color: #fff;
	font-weight: bold;
	line-height: 45px;
	padding: 0 20px 0 0;
	margin: 0;
}
.top-bar .switch {
	width: 50px;
	top: 13px;
	border-color: #444;
	background: transparent;
}
.switch input { 
	top: 0;
}
.top-bar .switch label {
	font-size: 10px;
	letter-spacing: .1em;
	line-height: 20px;
	text-transform: uppercase;
	
}
.top-bar .switch > span {
	
}
.wrapper {
	position: relative;
	margin: 0;
	padding: 0;
}

.top-bar {
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 80;
	background: #3f3f3f;
}

.top-bar-section .dropdown li label {
	background: #3f3f3f;
}

.top-bar-section li a:not(.button) {
	background: #3f3f3f;
}

.top-bar-section li a:not(.button):hover {
	background: #444;
}

.top-bar-section ul li.active a, .top-bar-section ul li.active a:hover {
	background: #fff;
	color: #333;
	cursor: default;
}


.layout {
	display: block;
	min-height: 100%;
	height: 100%;
	padding: 45px 0 0 0;

	position: relative;
	width: 100%;
}


.grid-container {
	padding: 100px 0 40px 0;
	position: relative;
}

.grid-header {
	position: absolute;
	width: 100%;
	top:0;
}

.data-grid {
	max-height: 100%;
	height: 100%;
	position: relative;
	overflow: auto;
}
.grid {
	table-layout: fixed;
	border: none;
	margin: 0;
}


.grid td, .grid th {
	font-size: 12px;
	text-overflow: ellipsis;
	white-space: nowrap;
	min-width: 20px;
	cursor: pointer;
}

.grid tr:hover {
	background: #e7ecf1;
}

.grid th {
	border: 1px solid #efefef;
	background: #fff;
	cursor: pointer;
}
.grid .selected td, .grid .selected:hover td {
	background: #3399ff;
	color: #fff;
}
.grid .sorting_desc, .grid .sorting_asc {
	border: 1px solid #d1d1d1;
}
thead .sorting_desc:after {
	font-family: 'azureinspect';
	position: relative;
	speak: none;
	font-size: 6px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	content: "\e00d";
	float: right;	
}
thead .sorting_asc:after {
	font-family: 'azureinspect';
	position: relative;
	speak: none;
	font-size: 6px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	float: right;
	content: "\e00a";
}

.DTCR_clonedTable {
	opacity: .9;
}
.dataTables_scrollHead {
	position: fixed;
}

.controls li.row-count {
	line-height: 1.4;
	padding: 12px 0 0 20px;
}


.content {
	position: relative;
	margin: 0 0 0 200px;
	overflow: hidden;
	height: 100%;
}


.content .row {
	max-width: 100%;
	margin: 0;
}
.filters {
	max-width: 1000px;
}
.filters {
	user-select: none;
	-webkit-user-select: none;
	
}
.filters form {
	margin: 0;
}
.filters .settings {
	display: block;
	text-align: center;
	line-height: 33px;
}

.sidebar {
	width: 200px;
	position: absolute;
	height: 100%;
	overflow: hidden;
	left: 0;
	top: 0;
	padding: 45px 0 40px 0;
		background: #f4f4f4;
		user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	z-index: 70;
	
}
.sidebar .sidebar-wrap {
	position: relative;
	height: 100%;
	overflow-y: auto;
}


.controls {
	position: absolute;
	bottom: 0;
	background: #e9e9e9;
	width: 100%;
	font-size: 12px;
	border-top: 1px solid #d0d0d0;

	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
}


.controls li {
	line-height: 16px;
	height: 40px;
	margin: -1px 0 0 -1px;
}
.controls li.last {
	width: 15px;
}
.controls li .button {
	font-size: 16px;
	line-height: 40px;
	padding: 0;
	width: 40px;
	height: 40px;
}
.controls .button.disabled.secondary,.controls  .button[disabled].secondary {
	color: #999;
}

.sidebar h6 {
	margin: 0;
	padding: 16px 8px 8px 10px;
	font-size: 12px;
	color: #95a2a7;
}

.sidebar .side-nav  {
	padding: 0;
}

.sidebar .side-nav li {
	font-size: 12px;
	margin: 0;
	padding: 0;
}
.sidebar .side-nav li a, .sidebar .side-nav li span{
	color: #333;
	display: block;
	padding: 4px 8px 3px 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	user-drag:none;
	-webkit-user-drag: none;
} 
.sidebar .side-nav li a:hover {
	background: #e7ecf1;
}
.resize-handle {
	border: none;
	background: none;
	color: #ccc;
	font-size: 8px;
	width: 30px;
	height: 30px;
	line-height: 42px;
	display: inline-block;
	text-align: center;
}
.resize-handle:hover, .resize-handle:active {
	background: none;
	box-shadow: none;
	color: #999;
	cursor: col-resize;
}

.sidebar .side-nav li.active span  {
 color: #fff;
 font-weight: normal;
 cursor: default;
 background: #687784;
}

.sidebar .side-nav li.active {
	text-shadow: 0 1px 0 rgba(0,0,0,.3);
}
.sidebar .side-nav li.active a {
	background: #a3a9b0;
}



.console {
	top: 0;
	left: 0;
	position: fixed;
	display: none;
	width: 100%;
	height: 300px;
	z-index: 79;
	background: rgba(47,47,47,.92);
}
.console .wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 45px 0 30px 0;
	max-height: 100%;
	margin: 0;
}
.console .console-content {
	position: relative;
	height: 100%;
	max-height: 100%;
	overflow-y:scroll;
	font-family: Monaco, Consolas, monospace;
	font-size: 12px;
	color: #fff;
	
	background: -webkit-linear-gradient(#3F3F3F 30%, rgba(70,70,70,0)), -webkit-radial-gradient( 50% 0%, rgba(40,40,40,.7) ,rgba(60,60,60,0) 80%);
	
	background: -moz-linear-gradient(top, #3F3F3F 30%, rgba(70,70,70,0) 100%), -moz-radial-gradient(50% 0%, ellipse cover, rgba(40,40,40,.7) 0%, rgba(60,60,60,0) 80%);
	
	background: -o-linear-gradient(top, #3F3F3F 30%, rgba(70,70,70,0) 100%), -o-radial-gradient(50% 0%, ellipse cover, rgba(40,40,40,.7) 0%, rgba(60,60,60,0) 80%);
	
	background: linear-gradient(top, #3F3F3F 30%, rgba(70,70,70,0) 100%), radial-gradient(50% 0%, ellipse cover, rgba(40,40,40,.7) 0%, rgba(60,60,60,0) 80%);
	
	background-size: 100% 35px, 100% 12px;
	background-repeat: no-repeat;
	background-attachment: local, scroll;
}
.console .console-content::-webkit-scrollbar{width:8px;height:8px;padding:0 3px;}
.console .console-content::-webkit-scrollbar-button:start:decrement,#doc ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
.console .console-content::-webkit-scrollbar-track-piece{background-color:transparent;-webkit-border-radius:0;-webkit-border-bottom-right-radius:8px;-webkit-border-bottom-left-radius:8px;}
.console .console-content::-webkit-scrollbar-thumb:vertical{height:50px;background-color:#999;-webkit-border-radius:8px;}
.console .console-content::-webkit-scrollbar-thumb:horizontal{width:50px;background-color:#999;-webkit-border-radius:8px;}

.console .request {

}
.console .request .row {
	max-width: 100%;
}
.console .request.success {
	color: #cbffa4;
}
.console .request.failure {
	color: #ff6054;
}
.console .request-header {
	padding: 10px;
	cursor: pointer;
}
.console .request-header:hover {
	background: rgba(255,255,255,.05);
}
.console .request.expanded span:before {
	content: "\e00d";
}
.console .request-content {
	width: 100%;
	overflow: hidden;
	display: none;
	color: #f5f5f5;
	line-height: 1.4;
	padding: 0 10px 10px 16px;
}
.console .request.expanded .request-content {
	display: block;
}
.console .request-content h4 {
	color: #f5f5f5;
	font-size: 13px;
	padding: 0 0 5px 0;
	margin: 0;
}
.console .request-content pre {
	font-family: Monaco, Consolas, monospace;
}
.console .request .icon-arrow-right, .console .request .icon-arrow-down {
	font-size: 8px;
	color: #fff;
	vertical-align: middle;
}
.console .controls {
	background: none;
	border-top: 1px solid #333;
	padding: 0 0 0 10px;
}
.console .controls .button {
	background: none;
	border: none;
	color: #aaa;
	box-shadow: none;
	font-size: 12px;
	line-height: 10px;
	padding: 0;
	margin: 0 16px 0 0;
	height: 30px;
	
	font-weight: normal;
}
.console .controls .button:hover {
	color: #fff;
}
.console .controls .button span {
	font-size: 13px;
	line-height: 14px;
	vertical-align: middle;
	margin: 0 3px 0 0;
}
.console .resize-handle {
	cursor: ns-resize;
	position: absolute;
	left: 50%;
	top: 0;
	line-height: 30px;
	margin-left: -16px;
	font-size: 10px;
	color: #666;
}
.console .resize-handle:hover {
	color: #999;
}


form.custom .custom.dropdown ul {
	max-height: 400px;
}